<#escape x as x?html>
<!DOCTYPE html>
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>教师管理界面</title>
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/easyui.css">
    <link rel="stylesheet" type="text/css" href="${rc.contextPath}/resources/css/icon.css">
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/detailview.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/share.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/teachermanage.js"></script>
    <script type="text/javascript" src="${rc.contextPath}/resources/js/jquery.cookie.js"></script>
    <style type="text/css" media="screen">
        .STYLE1 {color: #FF0000}
        .clasz-data {
            width: 387px;
            height: 356px;
            padding: 4px;
            float: left;
        }
    </style>
</head>  
<body>  
	<table id="teacherDataGrid">  
        <thead>  
            <tr>
                <th field="name" data-options="align:'center',width: 180">姓名</th>
                <th field="sex" data-options="align:'center',width: 50,
                	formatter: function (value, row, index) {
                        return sex[value];
                    }">性别</th>
                <th field="identityCardNumber" data-options="align: 'center',width: 180">身份证号码</th>
                <th field="birthday" data-options="align: 'center',width: 100">生日</th>
                <th field="nation" data-options="align: 'center',width: 50,
                	formatter: function (value, row, index) {
                        return nation[value - 1];
                    }">民族</th>
                <th field="subject" data-options="align: 'center',width: 150">科目</th>
                <th field="grade" data-options="align: 'center',width: 80">任课年级</th>
                <th field="operation" data-options="align: 'center',width: 320,
                	formatter: function (value, row, index){
                	return '<a class=\'up\' onclick=\'showOperateTeacherDialog(&#34;' + '修改' + '&#34;, ' + index + ');\'>修改</a><a class=\'re\' onclick=\'showDeleteTeacherDialog(' + index + ');\'>删除</a><a class=\'sp\' onclick=\'showPassword(' + index + ');\'>显示密码</a><a class=\'fp\' onclick=\'showManageClaszsDialog(' + index + ');\'>分配班级</a>';}">操作</th>
            </tr>  
        </thead>  
    </table> 
    
<div id="tb" style="height:auto">  
        <div>  
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="showOperateTeacherDialog('新增');">新增</a>  
            <a href="#" class="easyui-linkbutton" iconCls="icon-reload" plain="true" onclick="gridReload($('#teacherDataGrid'));">刷新</a>  
            <a href="#" class="easyui-linkbutton" iconCls="icon-redo" plain="true" onclick="showImportTeachersDialog($('#teacherDataGrid'));">导入</a>  
	        <div style="display:inline;float:right;height:auto;padding-right:50px;line-height: 10px;">  
	            <span style="display:inline-block;margin:0px 10px;">姓名:</span>   
	            <input id="sName" name="sName" type="text" style="width:80px;" > 
	            <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchTeacherByName();">查询</a>  
	        </div>  
        </div>  
    </div>   
<div id="operateTeacherDialog" style="position: relative">
<table width="100%" cellspacing="1" cellpadding="4 1" style="text-align:center;">
    <form id="addTeacherForm" method="POST">
	<input type="hidden" id="id">
	<tr>
		<td width="16%"><span class="STYLE1">*</span>姓&nbsp;&nbsp;&nbsp;名</td>
		<td width="40%"><input id="name" name="name" type="text" maxlength="150" /></td>
		<td width="44%" rowspan="6">
			<div id="nopicture" style="border:1px dashed green;width:150;height:150" >照片</div>
			<div id="picturepreview">
		    </div>
		</td>
	</tr>
	<tr>
		<td><span class="STYLE1">*</span>性&nbsp;&nbsp;&nbsp;别</td>
		<td><input id="sex" name="sex" type="text" maxlength="150" /></td>
	</tr>
	<tr>
		<td><span class="STYLE1">*</span>身份证号 </td>
		<td><input id="identityCardNumber" name="identityCardNumber" type="text" maxlength="150" /></td>
	</tr>
	<tr>
		<td> 出生日期 </td>
		<td><input id="birthday" name="birthday" type="text" maxlength="150" class="easyui-datebox" data-options="editable:false" /></td>
	</tr>
	<tr>
		<td><span class="STYLE1">*</span>民&nbsp;&nbsp;&nbsp;族 </td>
		<td><input id="nation" name="nation" type="text" maxlength="150" /></td>
	</tr>
	<tr>
		<td>科&nbsp;&nbsp;&nbsp;目 </td>
		<td><input id="subject" name="subject" maxlength="150" /></td>
	</tr>
    </form>
	<tr>
		<td>任课年级 </td>
		<td><input id="grade" name="grade" maxlength="150" /></td>
		<td>
	        <form id="pictureForm" method="post" enctype="multipart/form-data">
                <input type="file" id="picture" name="picture" accept="JPG" maxlength="150" >
	        </form>
		</td>
	</tr>
</table>
<span id="error" class="STYLE1"></span>
</div>

<div id="importTeachersDialog" title="导入数据" />

<input id="currentTeacherId" type="hidden">
<input id="currentTeacherType" type="hidden">
<div id="manageClaszsDialog">
    <div class="clasz-data">
        <table id="teachersInClaszDataGrid"></table>
    </div>
    <div style="width: 20px;height:200px;float: left;margin-left:4px;padding-top: 140px;">
        <button class="easyui-button" style="width:30px;" onclick="removeTeacherFromCLaszs();">>></button>
        <button class="easyui-button" style="width:30px;margin-top: 10px;" onclick="addTeacherToCLaszs();"><<</button>
    </div>
    <div class="clasz-data" style="float:right">
        <table id="teachersNotInClaszDataGrid"></table>
		<div id="tb-ft" style="height:auto">  
		        <div>  
			        <div>  
			            <span style="display:inline-block;margin:0px 10px;">名称:</span>   
			            <input id="clasz_sName" name="clasz_sName" type="text" style="width:80px;" > 
			            <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true" onclick="searchClaszByName();">快速筛选</a>  
			        </div>  
		        </div>  
		    </div>   
    </div>
</div>
</body>  
</html>  
</#escape>